<!DOCTYPE html>
<!-- DOCTYPE（document type）： 文档类型
    1.版本声明。
    2.给浏览器声明，告诉浏览器应该按照html5的规范来解析当前的文档。
    3.如果不书写，那么按照什么规范解析，就看浏览器心情
    4.必须定义在 HTML 文档的第一行，在 HTML 标签之前
    5.<!DOCTYPE html> 不是html标签，他只是一条浏览器的指令，在所有版本中，
	这条指令对大小写都不敏感 -->
<html lang="en">
    <!-- html 根标签
        1.HTML 标记标签通常被称为 HTML 标签 (HTML tag)
        2.这个标签告诉浏览器这个是HTML 文档的开始，最后一个标签是</html>，
          这个标签告诉浏览器这个是终止。
        3.html标签是网页结构的最外层 里边包含两个标签  body 和 head 
        4.lang是语言  en是英语  告诉浏览器本网页是英文网页  ch是中文
        5.lang是html的属性   en是lang属性的值
     -->
    <head>
        <!--1.head代表网页的头部，不会显示网页中-->
        <meta charset="utf-8">
        <!-- meta:要求浏览器设置某些内容
            charset代表字符编码，utf-8是万国码
            补充：
                gb2312 简单中文  包括6763个汉字
                BIG5   繁体中文 港澳台等用
                GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312

            UTF-8则包含全世界所有国家需要用到的字符，以后我们统一使用UTF-8 字符集, 
            这样就避免出现字符集不统一而引起乱码的情况了
         -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- 兼容IE -->
        <title>小米官网</title>
        <!-- title标题标签 ：显示网站标题的-->
    </head>
    <body>
        <!-- body: 网页的身体 -->

        1.自动生成html结构  调成英文 shift+1(!)  + 选中第一个提示/tab
        ctrl + - 代码变小
        ctrl + + 代码变大
        ctrl + /  html文档注释（只能自己看，浏览器不会解析）

        html 是 <> + 单词 组成的1对1对的 标签, 
        标签分两大类：单标签（不成对的） 双标签（成对的）
        标签会有 XXX=XXX 标签属性

        html ：根标签
        head: 网页头部
        meta：要求浏览器设置某些内容（单标签）
        title：标题标签（灰色区域）
        body: 网页题
        

    </body>
</html>